<template>
    <div>
      <!--头部 开始-->
      <header class="fix">
        <a href="javascript:history.go(-1);" class="returnBtn"></a>
        管理系统
      </header>
      <!--头部 结束-->
      <!--中间 开始-->
      <main>
        <div id="navct">
          <div class="manageSystem">
            <div class="manageInfo" style="display: block;">
              <div class="systemInfo">
                <a href="#" class="sysTitle">
                  <em></em>
                  <h3>管理收益</h3>
                  <span></span>
                </a>
                <div class="sysTaber">
                  <div class="systaberLeft">
                    <div class="priceing">31.19<em>元</em></div>
                    <span>今日收益</span>
                  </div>
                  <div class="systaberRight">
                    <div class="priceing">0<em>元</em></div>
                    <span>昨日收益</span>
                  </div>
                </div>
              </div>
              <div class="systemInfo">
                <a href="#" class="sysTitle">
                  <em></em>
                  <h3>管理收益</h3>
                  <span></span>
                </a>
                <div class="sysTaber">
                  <div class="systaberLeft">
                    <div class="priceing">31.19<em>元</em></div>
                    <span>今日收益</span>
                  </div>
                  <div class="systaberRight">
                    <div class="priceing">0<em>元</em></div>
                    <span>昨日收益</span>
                  </div>
                </div>
              </div>
              <div class="systemInfo">
                <a href="#" class="sysTitle">
                  <em></em>
                  <h3>管理收益</h3>
                  <span></span>
                </a>
                <div class="sysTaber">
                  <div class="systaberLeft">
                    <div class="priceing">31.19<em>元</em></div>
                    <span>今日收益</span>
                  </div>
                  <div class="systaberRight">
                    <div class="priceing">0<em>元</em></div>
                    <span>昨日收益</span>
                  </div>
                </div>
              </div>
              <div class="systemInfo">
                <a href="#" class="sysTitle">
                  <em></em>
                  <h3>管理收益</h3>
                  <span></span>
                </a>
                <div class="sysTaber">
                  <div class="systaberLeft">
                    <div class="priceing">31.19<em>元</em></div>
                    <span>今日收益</span>
                  </div>
                  <div class="systaberRight">
                    <div class="priceing">0<em>元</em></div>
                    <span>昨日收益</span>
                  </div>
                </div>
              </div>
              <div class="systemInfo">
                <a href="#" class="sysTitle">
                  <em></em>
                  <h3>管理收益</h3>
                  <span></span>
                </a>
                <div class="sysTaber">
                  <div class="systaberLeft">
                    <div class="priceing">31.19<em>元</em></div>
                    <span>今日收益</span>
                  </div>
                  <div class="systaberRight">
                    <div class="priceing">0<em>元</em></div>
                    <span>昨日收益</span>
                  </div>
                </div>
              </div>
              <div class="systemInfo">
                <a href="#" class="sysTitle">
                  <em></em>
                  <h3>管理收益</h3>
                  <span></span>
                </a>
                <div class="sysTaber">
                  <div class="systaberLeft">
                    <div class="priceing">31.19<em>元</em></div>
                    <span>今日收益</span>
                  </div>
                  <div class="systaberRight">
                    <div class="priceing">0<em>元</em></div>
                    <span>昨日收益</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="manageInfo">
              <a href="#" class="myAttention">
                <span>我的关注</span>
                <em></em>
              </a>
              <div class="screenMain">
                <div class="screenSearch">
                  <input type="text" name="" placeholder="输入ID搜索">
                  <a href="#"><em></em><span>筛选</span></a>
                </div>
                <div class="screenList">
                  <a href="#">
                    <div class="listHead">
                      <img src="../../images/temporary/2.jpg">
                      <em></em>
                    </div>
                    <div class="listName">
                      <span>李宗林</span>
                      <em>ID：1242536464</em>
                    </div>
                  </a>
                  <a href="#">
                    <div class="listHead">
                      <img src="../../images/temporary/2.jpg">
                      <em></em>
                    </div>
                    <div class="listName">
                      <span>李宗林</span>
                      <em>ID：1242536464</em>
                    </div>
                  </a>
                  <a href="#">
                    <div class="listHead">
                      <img src="../../images/temporary/2.jpg">
                      <em></em>
                    </div>
                    <div class="listName">
                      <span>李宗林</span>
                      <em>ID：1242536464</em>
                    </div>
                  </a>
                  <a href="#">
                    <div class="listHead">
                      <img src="../../images/temporary/2.jpg">
                      <em></em>
                    </div>
                    <div class="listName">
                      <span>李宗林</span>
                      <em>ID：1242536464</em>
                    </div>
                  </a>
                  <a href="#">
                    <div class="listHead">
                      <img src="../../images/temporary/2.jpg">
                      <em></em>
                    </div>
                    <div class="listName">
                      <span>李宗林</span>
                      <em>ID：1242536464</em>
                    </div>
                  </a>
                  <a href="#">
                    <div class="listHead">
                      <img src="../../images/temporary/2.jpg">
                      <em></em>
                    </div>
                    <div class="listName">
                      <span>李宗林</span>
                      <em>ID：1242536464</em>
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="manageBottom">
            <a href="#" class="Cur">数据统计</a>
            <a href="#">我的社群</a>
          </div>
        </div>
      </main>
      <!--中间 结束-->
    </div>
</template>

<script>
  import $ from 'jquery'

    export default {
        name: "manageSystem",
      methods:{
         manageTab(){
          var $li = $('.manageBottom a');
          var $ul = $('.manageSystem .manageInfo');
          $("#navct").css('height',$ul.eq(0).height())
          $li.click(function(){
            var $this = $(this);
            var $t = $this.index();
            $li.removeClass();
            $this.addClass('Cur');
            $ul.css('display','none');
            $ul.eq($t).css('display','block');
            $("#navct").css('height',$ul.eq($t).height())
          })
        },
      },
      mounted(){
          this.manageTab();
      }
    }
</script>

<style scoped>
@import "../../css/other/fragmentary.css";
</style>
